{% extends '::base.html.twig' %}
{% block title %}Edición de Mallas Curriculares{% endblock %}

{% block greensectiontitle %}Malla Curricular{% endblock %}
{% block greensectionbody %}

<form id="editForm" action="{{ entity.id ? path('mallacurricular_update', { 'id': entity.id } ): path('mallacurricular_create') }}" method="post" {{ form_enctype(edit_form) }}>
  {{ form_errors(edit_form) }}
  {{ form_errors(edit_form.anio) }}
  {{ form_errors(edit_form.duracion) }}
  
        
    <h5 style="color: red">* Campos Obligatorios</h5>
    {{ form_row(edit_form.universidad) }}
    {{ form_row(edit_form.carrera) }}

    <div style="color: red">
    {{ form_label(edit_form.anio,'Año') }} {{ form_widget(edit_form.anio) }}*<cn style = "color: black" > (4 caracteres, solo números)</cn></br>
    {{ form_label(edit_form.duracion,'Duracion') }}{{ form_widget(edit_form.duracion) }}*<cn style = "color: black" > (maximo 2 caracteres, solo números)</cn></br>
    {{ form_label(edit_form.unidadTiempo,'Unidad de Tiempo') }}{{ form_widget(edit_form.unidadTiempo) }}</br>
    </div>
    
    {% set descripcion = app.request.query.get('descripcion') %}
    {% if descripcion != null %} 
    <h3> La malla [{{descripcion}}] se guardó correctamente!</h3>
    {% endif %}
    
    {% set eliminar = app.request.query.get('eliminar') %}
    {% if eliminar != null %} 
    <h3>  El área [{{eliminar}}] se elimino correctamente!</h3>
    {% endif %}
    
    {% macro prototype(modulo) %}
        <tr>
            
            <td class="center" style="color: red">{{ form_widget(modulo.numeroModulo) }}*</td>
            <td>
  
                <div id="controls" style="text-align: center;">
                    
                    <a title="Quitar el nivel de la malla curricular"href="#">Quitar</a>
                    <a title="Crear y editar unidades " {% if (modulo.vars.value.numeroModulo != null and modulo.vars.value.mallaCurricular.id != null) %} style='' {% else %} disabled='true' style='background:url(/img/disabled_button_background.gif) repeat-x; margin-left:5px   ;' {% endif %}  numeroModulo= "{{ modulo.vars.value.numeroModulo }}" href="#">Unidades</a>
                </div>

            </td>
        </tr>
    {% endmacro %}   
        
        <div id="records_table" class="greenTableMargin">
            <table id="modulos-table" idMalla = "{{ entity.id }}"  padding="0" margin="0">
                 <thead>
                <tr>
                    <th colspan="2">
                <div id="controls">
                    Niveles
                    <a title="Crear y agregar niveles a la malla curricular"href="#" id="add-modulo" style="float:right;">Agregar</a>
                </div>
                </th>
                </tr>

                <tr>
                  
                    <th>Numero de Nivel</th>
                    <th>Acciones</th>
                </tr>
                </thead>

                <tbody id="modulos-table-body" style="color: red"
                       numeroModulo-data-prototype="{{ form_widget(edit_form.modulos.get('prototype').numeroModulo) | e }}*">
                       
                    
            {# iterate over each existing carrera and render its field: codigo, nombre, universidad #}
            {% for modulo in edit_form.modulos %}
                {{_self.prototype(modulo)}}
            {% endfor %}
                    
                    
                   
                </tbody>
            </table>
        </div>

        <div id="controls">
            <a title="Guardar informacion y modulos de la malla curricular"id="saveButton" href="#">Guardar</a>
            <a title="Cancelar y volver a la lista de mallas curriculares"href="{{ path('mallacurricular') }}">Cancelar</a>
        </div>


  
    </form>


{% endblock %}


{% block javascripts %}

    <script type="text/javascript">
        // realiza un seguimiento de cuántos campos de correo electrónico se han pintado
        
        var modulosCount = '{{ edit_form.modulos | length }}';
    
        jQuery('#add-modulo').click(function() {
            var modulosTableBody = jQuery('#modulos-table-body');
            
            var numeroModuloPrototype = modulosTableBody.attr('numeroModulo-data-prototype');

        // sustituye el "__name__" usado en el id y name del prototipo 
        
        numeroModuloWidget = numeroModuloPrototype.replace(/\$\$name\$\$/g, modulosCount);
       
    

            modulosCount++;

            // crea un nuevo elemento lista y lo añade a nuestra lista
        
            var numeroModuloTableCell = jQuery('<td class="center"></td>').html(numeroModuloWidget);
        

            var newRow = jQuery($('<tr>'));
            var endRow = jQuery($('</tr>'));
            var removeCell = $('<td><div id="controls" style="text-align: center;"><a title="Quitar nivel de la malla curricular" href="#">Quitar</a><a disabled="true" class="disabled" style="background:url(/img/disabled_button_background.gif) repeat-x; margin-left:5px;" href="#">Unidades</a></div></td>');
            //var editUnidad = $('<td><div id="controls" style="text-align: center;"><a title="Crear y editar unidades de la malla curricular" href="#">Unidades</a></div></td>');
        
            newRow.appendTo(modulosTableBody);
        
            numeroModuloTableCell.appendTo(newRow);
     
            removeCell.appendTo(newRow);
            //editUnidad.appendTo(newRow)
            endRow.appendTo(modulosTableBody);
            jQuery('.entero').numeric();

            return false;
        });
    
        jQuery('#modulos-table-body a').on('click', function(event) {
            event.preventDefault();
    
            if ($(this).text() === "Quitar") {
                $(this).closest('tr').remove();
            }
            
             if ($(this).text() === "Unidades") {
                var disabled = $(this).attr('disabled');
                if(disabled === undefined){
                    var modulostable = jQuery('#modulos-table');
                    var numeroModulo = $(this).attr('numeroModulo');
                    var idMalla = modulostable.attr('idMalla');
                    window.location.href='/app_dev.php/unidad/'+ idMalla +"/"+numeroModulo + "/index";
                }
            }
            
            
        });
        
        
        
        jQuery('#unl_homologacionbundle_mallacurriculartype_universidad').change( function() {
        $.ajax({
        type: "GET",
        data: "data=" +$(this).val(),
    
        url:"{{ path('_carrerasByUniversidadId') }}",
        success: function(msg){
            if (msg != ''){
               jQuery('#unl_homologacionbundle_mallacurriculartype_carrera').html(msg).show();
               
               }
               else
               {
                   jQuery('#unl_homologacionbundle_mallacurriculartype_carrera').html('<em>No tiene carreras<em>');
               }
           }
       });
     });
     
     
      $(document).ready( function() {
        $.ajax({
        type: "GET",
        data: "data=" +jQuery('#unl_homologacionbundle_mallacurriculartype_universidad').val(),
    
        url:"{{ path('_carrerasByUniversidadId') }}",
        success: function(msg){
            if (msg != ''){
               jQuery('#unl_homologacionbundle_mallacurriculartype_carrera').html(msg).show();
               
               }
               else
               {
                   jQuery('#unl_homologacionbundle_mallacurriculartype_carrera').html('<em>No tiene carreras<em>');
               }
           }
       });
       
       });
   
        
        
        </script>
{% endblock %}

